<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<title>背景颜色 -background-color</title>
	<style>
		
		body{
			background-color: #ddd;
			color: white;
			font-size: 20px;

		}
		div{
			background-color: gold;
			/*bd+ tab键*/
			/*边框存在三要素  1. 边框的粗细 单位是像素 2. 边框的类型 实现 虚线 点线 3. 边框颜色*/
			/*三要素之间使用空格进行分割*/
			/*调试*/
			border: 1px solid red;
			/*border: 10px dotted red;*/
			/*border: 10px dashed red;*/


			/*文字的三要素 + 背景色 + 边框（三要素）*/

			/* css 重点： css 选择器*/
		}

	</style>
</head>
<body>

	<!-- border 边框 -->
	Lorem, ipsum dolor sit amet consectetur adipisicing, elit. Tempore non nisi dolorum repellat enim repudiandae veniam, reprehenderit quam, eum, odio culpa similique consequuntur sunt nostrum molestiae autem iste aspernatur illum?


	<div>
		Lorem ipsum dolor sit amet consectetur adipisicing elit. Quaerat molestias illo unde obcaecati, perferendis maxime animi hic quidem officia in quos voluptatem, illum eum facere quia deserunt perspiciatis odit possimus.
	</div>
	


</body>
</html>